.order-nav {
  background: #fff;
  width: 100%;
  .nav-main {
    height: 50px;
    margin: 0 auto;
    width: 1190px;
    position: relative;
    .tip-block {
      position: absolute;
      top: 8px;
      left: 0;
      >img {
        width: 213px;
        height: 32px;
      }
    }
    .step-container {
      position: absolute;
      right: 0;
      top: 10px;
      height: 30px;
      .step-item {
        float: left;
        width: 130px;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        background: #E5E5E5;
        color: #3C3C3C;
        margin-left: 12px;
        margin-right: 3px;
        position: relative;
        &:before {
          content: '';
          position: absolute;
          top: 0;
          z-index: 1;
          left: -12px;
          border: 12px solid #E5E5E5;
          border-left-color: transparent;
        }
        &:after {
          content: '';
          position: absolute;
          right: -24px;
          top: 0;
          z-index: 1;
          border: 12px solid #E5E5E5;
          border-bottom: 12px solid transparent;
          border-right: 12px solid transparent;
          border-top: 12px solid transparent;
        }
        &:after, &:before {
          border-top-width: 15px;
          border-bottom-width: 15px;
        }
        &:first-child {
          &:before {
            display: none;
          }
        }
        &:last-child {
          &:after {
            display: none;
          }
        }
        &.active {
          background: #FF4401;
          color: #fff;
          &:before {
            border: 12px solid #FF4401;
            border-left-color: transparent;
          }
          &:after {
            border: 12px solid #FF4401;
            border-bottom: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 12px solid transparent;
          }
          &:after, &:before {
            border-top-width: 15px;
            border-bottom-width: 15px;
          }
        }
      }
    }
  }
}